<?php
require_once 'generico.php';
$gen = new generico();
?>
<html>
    <head>
        <title>Vangor</title>        
        <link rel="stylesheet" type="text/css" href="css/style.css">
        
        <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
	<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
	<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>
        
        <script type="text/javascript">
	
		var theInt = null;
		var $crosslink, $navthumb;
		var curclicked = 0;
		
		theInterval = function(cur){
			clearInterval(theInt);
			
			if( typeof cur != 'undefined' )
				curclicked = cur;
			
			$crosslink.removeClass("active-thumb");
			$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
			
			theInt = setInterval(function(){
				$crosslink.removeClass("active-thumb");
				$navthumb.eq(curclicked).parent().addClass("active-thumb");
				$(".stripNav ul li a").eq(curclicked).trigger('click');
				curclicked++;
				if( 6 == curclicked )
					curclicked = 0;
				
			}, 3000);
		};
		
		$(function(){
			
			$("#main-photo-slider").codaSlider();
			
			$navthumb = $(".nav-thumb");
			$crosslink = $(".cross-link");
			
			$navthumb
			.click(function() {
				var $this = $(this);
				theInterval($this.parent().attr('href').slice(1) - 1);
				return false;
			});
			
			theInterval();
		});
	</script>
        
    </head>
    <body>
        <div id="central" style="background-color: #fff;">
            <div id="centro" style="width: 1200px; margin: auto;">
                <img src="img/fondo2.png" style="width: 100%;">
                <div style="display: inline-block; z-index: 1; position: absolute; top: 78%; left: 27%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="contactanos.php" style="color: white;">Cont&aacute;ctanos</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 68%; left: 35%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="consejos.php" style="color: white;">Consejos de Cuidado</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 58%; left: 43%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="preguntas.php" style="color: white;">Preguntas Frecuentes</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 48%; left: 51%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="tratamientos.php" style="color: white;">Tratamientos</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 40%; left: 60%;">
                    <img src="img/BolaMenuActiva.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="nosotros.php" style="color: white;">Nosotros</a></div>
                </div>
                <div style="display: inline-block; z-index: 1; position: absolute; top: 35%; left: 69%;">
                    <img src="img/BolaMenu.png">
                    <div style="
                         width: 76px;
                         position: relative;  top: -92px;  
                         left: 35px;  color: #ffffff;
                         text-align: center;
                         "><a href="index.php" style="color: white;">Inicio</a></div>
                </div>
               
                
                <?php
                $gen->PiePagina();
                ?>
            </div>            
        </div>
    </body>
</html>

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/coda-slider.1.1.1.pack.js"></script>

<script type="text/javascript">
    $(function() {

        $("#main-photo-slider").codaSlider();

    });
</script>
</html>

